#preloader{
background: rgba(255,255,255,.5) url(../images/linear_airplane_2.gif) no-repeat center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
z-index: 100;}

article, aside, figure, footer, header, hgroup, menu, nav, section, .show{display:block}
html{height:100%}

.name{display:none;}

body{
font-size:17px;
margin:0;
padding:0;
background:#eee;
color:#555;
font-family: 'Asap', sans-serif;
width:100%;}

.content a, .content a img, .scrollTop, .hidden, nav a{outline: none;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;}
a img{border:0}

.left{float:left !important}
.right{float:right !important}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.mit{width:48%}
.tri{width:30%;}
.hidden{display:none;}
hr{margin:20px 0;border:1px solid #ddd;}
label{cursor:pointer;}

body *{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}

header, .content, footer{
width:100%;
position:relative;
margin:0;}

.header-w, .contenido, .footer-w{
position:relative;
width:90%;
margin:0 auto;}

header{
position:relative;
color:#fff;
top:0;
left:0;
z-index:5;
background:#00004a;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.4);}

header .logo, header nav{position:absolute;}

.header-w{
height:180px;}

header .logo{
top:5px;
left:50%;
transform: translate(-50%, 0);
}

header .logo img{
margin-bottom:5px;}

header .logo span{
color:#fff;
font-size:.9em;}

header nav{
width:100%;
display:inline-block;
top:115px;
left:0;
background:#00004a;
text-align:center;
z-index:10;
}

header nav ul{
display:inline-block;
padding:0;
text-align:center;
}

header nav li{
display:inline-block;
margin:0 5px;}

header nav li.red{
background-color:#f00;}

header nav ul li a{
display:block;
color:#fff;
font-size:1em;
padding:5px 10px;
text-decoration:none;
border-bottom:2px solid rgba(255,255,255,0);}

header nav ul li a:hover, header nav ul li a.path-selected{
border-bottom:2px solid #fff;}

header nav ul li ul{
position:absolute;
opacity:0;
height:0;
padding:0;
z-index:99;}

header nav ul li:hover > ul{
height:auto;
opacity:1;
}

header nav ul li ul li{
height:0;
opacity:0;
overflow:hidden;
padding:0;
text-align:center !important;
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-ms-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;}

header nav ul li:hover > ul li{
height:30px !important;
opacity:1;
overflow:visible;
padding:0;}

header nav ul li ul li:hover{background:none !important;}

header nav ul li ul li a{
display:block;
color:#fff;
text-align:center !important;}

header nav ul li ul li a:hover{
text-decoration:none;}

header nav a#pull{display: none;}

header .subastas{
position:absolute;
bottom:5px;
left:50%;
transform:translate(-50%,0);
padding:10px;
width:50%;
background:#f00;
color:#fff;
text-align:center;
border-radius:10px;
display:none;}
    
header .subastas a{
color:#fff;
text-decoration:none;
font-weight:700;}

.content .cotizador-w{
width:100%;
background:#fff url(../images/fondo.jpg) no-repeat center center;
background-size: cover;
display:inline-block;}

.cotizador-w .aviso{
width:100%;
background:#f00;
color:#fff;
padding:20px;
text-align:center;
font-size:1.2em;}

.cotizador-w .aviso a{
color:#fff;
font-weight:700;
text-decoration:underline;}

.content .cotizador-w h1{
color:#fff;
margin-left:10%;
font-weight:200;
text-transform:uppercase;}

.content .cotizador-w .cotizador{
display:block;
padding:10px 15px;
color:#fff;
background:#00004a;
width:70%;
margin:20px auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.7);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.7);}

.autocomplete-items div{
color:#fff;}

.cotizador .pas .tri{
margin:0 2%;}

.cotizador .pas .tri:first-child{
margin-left:0;}

.cotizador .pas .tri:last-child{
margin-right:0;}

.cotizador input[type="text"], .cotizador input[type="tel"], .cotizador input[type="email"]{
height:30px;}

.cotizador select, .pasajeros select{
border:1px solid #ccc;
width:100%;
padding:5px 3px;
background:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.pasajeros select{width:auto;}

.cotizador #fechaida, .cotizador #fecharegreso, .contacto input[type="text"], .contacto input[type="email"], .contacto input[type="tel"], .contacto textarea, .datoscompra input[type="text"], .datoscompra input[type="email"], .datoscompra input[type="tel"], .pasajeros input[type="text"]{
padding:5px 3px;
border:1px solid #ccc;
width:60%;
background:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.contacto textarea{height:150px;}

.cotizador input[type="submit"], .tabla-resultados input[type="submit"], .contacto input[type="submit"], .confirmar, .cotizador .enviar{
padding:15px 20px;
border:0;
color:#fff;
background:#06c;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
font-size:1.1em;
font-weight:700;}

.cotizador input[type="submit"], .tabla-resultados input[type="submit"], .cotizador .enviar{padding:15px 20px 15px 40px;}

.cotizador input[type="submit"], .cotizador .enviar{background:#06c;width:100%;cursor:pointer;margin-top:50px}
.tabla-resultados input[type="submit"], .confirmar{background:#06c url(../images/ok.png) 10px center no-repeat;}

.cotizador input[type="submit"]:hover, .tabla-resultados input[type="submit"]:hover, .contacto input[type="submit"]:hover, .confirmar:hover, .cotizador .enviar:hover{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.75);}

.confirmar{padding:15px 20px 15px 40px;}

.horario{padding-top:15px}

.horario label{
display:block;
width:100%;
margin-bottom:5px
}

.cotizador .contactos{
display:none;
position:fixed;
top:50%;
left:50%;
z-index:10;
border-radius:20px;
padding:20px;
max-width:50%;
height:auto;
transform:translate(-50%,-50%);
background:#fff;
border:1px solid #ccc;}

.cotizador .contactos p, .cotizador .contactos h3{
color:#555;}

.cotizador .contactos input{
margin-bottom:30px;}

.cotizador .contactos .cerrar{
display:block;
position:absolute;
top:10px;
right:10px;
color:#fff;
font-size:1.6rem;
background:#06c;
padding: 5px 5px 0 12px;
width:40px;
height:40px;
cursor:pointer;
border-radius:50%}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    }

.redbanner{
display:flex;
width:100%;
background:#06c;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:20px;
color:#fff;
padding:20px 0}

.redbanner a{color:#fff;}
.redbanner a:hover{text-decoration:none;}

.redbanner div{
max-width:50%;}

.redbanner div img{
max-width:100%;
height:auto;}

.contenido{
min-height:300px;
width:100%;
padding:20px 5%;
line-height:1.6em;}

.contenido.blue{background:#00004a;color:#fff;}
.contenido.blue span{color:#b95e15;}
table.contacto td{vertical-align:top;color:#fff;padding:10px;}
.formcont input, .formcont textarea{
width:100%;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:0;}
.formcont input{height:30px;}
.formcont textarea{height:150px;}
.rs{margin:0 20px 0 0;}
button.enviar{
font-size:1.2em;
color:#fff;
background:#F9812A;
padding:10px 20px;
border:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
float:right;}

.promociones{
display:block;
position:relative;
text-align:center;}

.promociones .promo{
display:inline-block;
margin:0 1% 20px 1%;
vertical-align:top;
width:30%;
background:#001360;}

.promociones .promo img{
max-width:100%;
height:auto;}

.promociones .promo .title{padding:20px;}
.promociones .promo .title h4{font-size:1.2em;}
.promociones .promo .title strong{font-size:1.2em;}
.promociones .promo .precios{background:#b95e15;text-align:center;display:block;width:100%;}
.contenido .promociones .promo .precios p{text-align:center;margin:0 10px;}
.promociones .promo .precios .fechas{height:160px;overflow-y:auto;}
.contenido .promociones .promo .precios a{color:#fff;}
.contenido .promociones .promo .precios a:hover{text-decoration:none;}

.promociones .promo .precios div{
padding:10px;
display:inline-block;
margin:0;
vertical-align:middle;}
.promociones .promo .precios div:first-child{width:29%;}
.promociones .promo .precios .fechas{width:69%;}

.promociones .promo a.verpromo{
display:block;
width:100%;
padding:10px;
color:#fff;
text-decoration:none;
font-weight:700;}

h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;}


.contenido p, .contenido h1, .contenido h2, .contenido h4, .contenido h5{
display:block;
margin:0 0 20px 0;}

.contenido p{
text-align:justify;
font-size:.9em;}

/* resultados */

.tabla-resultados table{
width:100%;
border-collapse: collapse;}

.tabla-resultados table th, .tabla-resultados table td{
text-align:center;}

.tabla-resultados tr td{padding:10px 0;}

#ui-datepicker-div.ui-widget{font-size:.8em !important;}

#tabs .ui-tabs-nav{background:#fff;}

#tabs .ui-tabs .ui-tabs-nav li{
float:none;
display:inline-block;}

#tabs-1 .ui-tabs .ui-tabs-nav, #tabs-2 .ui-tabs .ui-tabs-nav{
text-align:center;
background:#fff;
border:0;}

#tabs-1 .ui-tabs-tab, #tabs-2 .ui-tabs-tab{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:#fff;
border:1px solid #ddd;}

#tabs-1 .ui-state-hover, #tabs-2 .ui-state-hover{
border:1px solid #06c;}

#tabs-1 .ui-state-active, #tabs-2 .ui-state-active{
border:1px solid #06c;
background:#06c;}

#tabs-1 .ui-state-active a, #tabs-2 .ui-state-active a{
color:#fff;}

#tabs-ida.ui-widget.ui-widget-content, #tabs-vuelta.ui-widget.ui-widget-content{border:0;}

/* tabla resultados */

.tabla-resultados table tbody tr:nth-child(even){background:#eee;}

.tabla-resultados tbody tr td.radio{background:#f93;}
.tabla-resultados tbody tr td{border:1px solid #eee;}

.repuso{background:#fff;}

.encabezado{
height:250px;
background:url(../images/fondo.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;}

.que{
display:inline-block;
cursor:pointer;
color:#FFD700;
text-decoration:underline;
font-size:.9em;
padding-top:10px;}

#dialog{
display:none;
width:70%;}


.dialog-w{
display:flex;
justify-content:space-evenly;
align-items:stretch;
font-size:.75em;}

.dialog-w div{
display:inline-block;
min-width:19%;
vertical-align:top;
text-align:left;
padding:0 1% 20px 1%;
border:1px solid #eee;
border-radius:5px;}

.dialog-w div ul{
margin:0;
padding-left:10px;	
}

.dialog-w div ul li{
line-height:1.6em;}

/* footer */

footer{
padding:20px 0;
background:#00004a;
color:#fff;}

footer .footer-w{
text-align:center;
line-height:1.6em;
font-size:.9em;}

footer .box img{
max-width:100%;
height:auto;}

footer .box{
text-align:left;
display:inline-block;
width:30%;
margin:0 1% 20px 1%;
vertical-align:top;}

footer .box a{color:#fff;font-weight:400;text-decoration:none}

footer .box a:hover{font-weight:700;}

footer .box .redes a{
display:inline-block;
width:40px;
height:40px;
background:url(../images/redes.png) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
opacity:.8;}

footer .box .redes a:hover{opacity:1;}

footer .box .redes a.ig{background-position:-40px 0;}


.banner-w{
display:inline-block;
width:45%;
min-width:430px;
height:380px;
margin:20px 1% 20px 1%;
}

.banner-w, .cotizador{vertical-align:top;}

.nivoSlider{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
z-index:2;}

.nivoSlider img{height:100% !important;} 
.nivo-main-image{height:100% !important;}

.nivo-directionNav a{
font-size:0;
width:20px;
height:30px;
background:url(../images/arrows.png) no-repeat;}

.nivo-directionNav a.nivo-nextNav{background-position:-20px 0;}

.nivo-caption{
background:rgba(0,0,0,.5) !important;
opacity:1 !important;
padding:10px 20px 25px 20px !important;
bottom:0;
width:100%;
text-align:left;
color:#fff;
text-shadow: 1px 1px 1px rgba(1, 0, 0, 1)
}

.nivo-caption a{color:#fff;}
.nivo-caption li{line-height:1.8em;list-style-type:none;}

.vermas{
color:#fff;
display:block;
padding:10px;
border:1px solid #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;}

.wsp{
display:block;
position:fixed;
bottom:30%;
right:0;
height:50px;
width:50px;
background:#03c100;
z-index:6;
opacity:.8;
border-radius:5px 0 0 5px;}

.wsp:hover{
opacity:1;}

.wsp a{
display:block;
height:50px;
width:50px;
background:#03c100 url(../images/wsp.png) center no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
border-radius:5px 0 0 5px;}

/* responsivo */

.clearfix:before, .clearfix:after {
content: " ";
display: table;}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

@media screen and (max-width: 1000px){

.content .cotizador-w .cotizador{width:80%;}    

.tabla-resultados{max-width:100%;overflow-x:scroll;}

}

@media screen and (max-width:960px){
header .logo{
left:1%;
transform:translate(0,0);
max-width:48%;}


.header-w, .footer-w{width:98%;}

.header-w{height:120px;}

header nav{
left:inherit;
right:1%;
width:48%;
top:10px;}

header nav ul {
width: 100%;
display: block;
height: auto;
margin:0;
border-bottom:1px solid #576979;
}

header nav li {
width: 100%;
float: left;
margin:0;
position: relative;}

header nav li{
border-bottom: 1px solid #576979;}

header nav li:nth-child(odd){border-right:0;}
header nav li:nth-child(2n+1){border-right:0;}

header nav ul li a{padding:15px 0;}

header nav a {
text-align: left;
width: 100%;
text-indent: 25px;}

header nav ul {
display: none;
height: auto;}

header nav a#pull {
display: block;
background-color: #00004a;
width: 100%;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:700;
padding:20px 0;
position: relative;}

header nav a#pull:after {
content:"";
background: url(../images/nav-icon.png) no-repeat;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
right: 15px;
top: 20px;}

header .subastas{
display:block;}

.promociones .promo{width:47%;}
    
}

@media screen and (max-width:800px){

.dialog-w{
flex-wrap:wrap;	
gap:10px 0;}

.dialog-w div{
width:47%;}

footer .box{width:47%;}

.cotizador .contactos{
width:60%;
max-width:60%;}
    
}

@media screen and (max-width:680px){
    
body{font-size:14px;}
    
header .logo{
top:10px;
height:50px;
max-width:30%;}

header .logo img{
height:100%;
width:auto;}

.header-w{height:75px;}

header nav{
width:60%;}

.mit{width:100%;margin-bottom:10px;}
.left, .right{float:none;}

.content .cotizador-w .cotizador{width:96%;}
.content .cotizador-w h1{margin-left:2%;}

.promociones .promo{
width:80%;
margin:0 0 20px 0;}

footer .box{
width:80%;
margin:0 0 20px 0;}

.ui-tabs .ui-tabs-panel{padding:5px;}
.tabla-resultados tr td{padding:10px;}
.ui-widget.ui-widget-content{font-size:1em;}
.tabla-resultados th, .tabla-resultados td{font-size:.6em;}

.dialog-w div{
width:100%;}

#results_div .contenido{
padding:20px 1%;}

.cotizador .contactos{
width:80%;
max-width:80%;}
  
}

@media screen and (max-width:500px){
    
header nav li {
display: block;
float: none;
width: 100%;}

header .subastas{
width:90%;}

header nav li:nth-child(odd){border-right:0;}

.promociones .promo, footer .box{
width:95%;
margin:0 2% 20px 2%;}

.redbanner div p{text-align:center;}
.redbanner div{max-width:86%;}
    
}